<!--
 * @Autor: lycheng
 * @Date: 2020-01-03 11:19:40
 -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>语音听写（流式版）WebAPI demo</title>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
</head>
<body>
  <div id="app">
  <div class="service-item service-item-taste">
    <h2 class="service-item-title">产品体验-语音听写（流式版）WebAPI</h2>
    <a href="/doc/index.html" target="_blank">demo文档说明</a>
    <br>

    <div class="service-item-content service-item-taste-content">
      <div class="taste-content">
        <button class="taste-button ready-button" id="taste_button">开始识别</button>
      </div>
      <div class="start-taste">
        <div class="start-taste-left">
          <div class="time-box">
            <span class="start-taste-line">
              <hr class="hr hr1">
              <hr class="hr hr2">
              <hr class="hr hr3">
              <hr class="hr hr4">
              <hr class="hr hr5">
              <hr class="hr hr6">
              <hr class="hr hr7">
              <hr class="hr hr8">
              <hr class="hr hr9">
              <hr class="hr hr10">
            </span>
            <span class="total-time"><span class="used-time">00: 00</span> / 01: 00</span>
          </div>
          <div class="start-taste-button">
            <button class="taste-button start-button">结束识别</button>
          </div>
        </div>
        <div class="output-box" id="result_output"></div>
      </div>
    </div>
  <div class="output-text" id="output_text"> </div></div>
  </div>
</div>
</body>
</html>

<script type="module">
  //import Router from '../../js/router.js'
</script>

<script>
  // var app = new Vue({
  //     //components: { Router },
  //     el: '#openQrcode',
  //     //Router,
  //     data () {
  //         return {
  //             result: '',//扫码结果信息
  //             error: '',//错误信息
  //         }
  //     },
  //     methods: {
  //       openQrcode(){
  //         debugger
  //         this.$router.push({path:'./qrcodeReader'});
  //         console.log("openQrcode");
  //       },
  //     }
  // });
</script>

<style scoped>
  .error {
      font-weight: bold;
      color: red;
  }
</style>